<template>
  <UploadExcel :on-success="handleSuccess" />
  <!-- <PageTools :on-success="handleSuccess" /> -->
</template>

<script>
import { reqImportEmployee } from '@/api/employees'
export default {
  name: 'Import',
  methods: {
    async handleSuccess({ header, results }) {
      console.log(header, results)
      if (this.$route.query.type === 'user') {
        // 员工的批量导入
        this.handleEmployeeBatch(header, results)
      }
    },
    // ** 为了excel导入更好的复用，将针对的员工的批量导入进行封装
    async handleEmployeeBatch(header, results) {
      // 依据得到的数据发送批量新增的请求即可
      // 将得到的数据中文==>英文 ： 主备一个新对象，将新对象的键名更新成英文，值不变
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      const arr = []
      // results 就是得到的数据  数组里包对象
      results.forEach(item => {
        const obj = {} // 存：中文键名 ==>英文
        for (const key in item) {
          const englishkey = userRelations[key] // 中文键名 ==>英文
          // 处理excel：日期格式
          // 写法一：englishkey === 'timeOfEntry' || englishkey === 'correctionTime'
          // 写法二：如下
          if (['timeOfEntry', 'correctionTime'].includes(englishkey)) {
            obj[englishkey] = this.formatExcelDate(item[key], '-')
          } else {
            obj[englishkey] = item[key]
          }
        }
        arr.push(obj)
      })
      await reqImportEmployee(arr) // 调用导入接口
      this.$message.success('导入成功')
      this.$router.push('/employees')
    },
    // 转换excel的日期格式  numb天数  format 分隔符
    formatExcelDate(numb, format) {
      const time = new Date((numb) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        // 补零
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
